<!DOCTYPE html>
<html>
<head>
	<title>Home</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="/css/style.css" />
	<script type="text/javascript" src="/jquery/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="script.js"></script>
	<script type="text/javascript" src="websock.js"></script>
<!-- 	<script type="text/javascript" src="http://www.google.com/jsapi"></script> -->
</head>

<body>
<div class="page" style="width:420px;">
	<div class="title round-v">Railroad Web Throttle
		<a href="#" onclick="CameraDisplay();" style="display:block; float:right; padding:0px 3px;"><img width="24" height="24" src="/images/camera.png" /></a>
	</div>
	<div class="content round-v">
		<div class="section_header" style="margin:8px;">
			Railroad System
			<span id="lblSystemStatus" class="system_status" style="margin-left:15px;"></span>
		</div>
		<div id="switch_section" class="section" style="display:none;float:left;margin:8px;">
			<div class="section_header">Track Switches</div>
			<div class="section_body">
				<input type="button" class="button_gray" onclick="SimpleSwitch();" value="Basic"/><br/>
				<input type="button" class="button_gray" onclick="VisualSwitch();" value="Visual"/>
			</div>
		</div>
		<div id="train_section" class="section" style="display:none;float:left;margin:8px;">
			<div class="section_header">
				Trains
			</div>
			<div class="section_body" style="padding-top:0;">
				<table id="div_throttles">
					
				</table>
			</div>
		</div>
		<div style="clear:left;"></div>
	</div>
</div>

<script type='text/javascript'>conn.connect();</script>
</body>
</html>
